/*引入gulp
    var 名字 = require("gulp");

*/
var gulp = require('gulp');
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
//任务
/**
 * gulp.task("任务名",["task1","task2"],function(){})
 * gulp.task(task,[],fn);
 * 
 * 第一个参数代表了我们这个任务的名字
 * 第二个参数代表执行该任务前要先执行那些任务
 * 第三个参数，函数（执行任务，会执行对应的函数）
 * 
 * 如果使用gulp命令则直接执行default任务
 * 
 * 如果想要单独执行其中某个任务
 * gulp taskName
 * 
 * gulp.src(路径)  可以选择到对应的文件  文件中可以是通配 ./sass/*.scss
 * gulp.src("./sass/*.scss")
 * 
 * gulp.dest(路径)  可以将处理完的文件输出到对应的目录
 * 
 * .pipe() 管道
 * 
 * 
 * 
 * 
 */
// gulp.task("default",["a","b"],function(){
//     console.log("gulp执行了默认任务");
// })


// gulp.task('a',function(){
//     console.log("gulp执行了a任务");
// })

// gulp.task('b',function(){
//     console.log("gulp执行了b任务");
// })

gulp.task("sass",function(){
    return gulp.src("./sass/**/*.scss")
        .pipe(sourcemaps.init())
        .pipe(sass({'outputStyle':"compressed"}))
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest('./build/css'));
})

gulp.task('watch-sass',function(){
    //'./sass/**/*.scss'
    gulp.watch('./sass/**/*.scss',['sass']);
})